/* 全局可用的基础的css样式 */

/* 水平居中 */
.align-center {
  display: flex;
  align-items: center;
}

/* 垂直居中兼水平方向左右两端对齐 */
.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 水平垂直居中 */
.center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 垂直方向的空白，ui稿常用30 */
.white-space-30 {
  height: 30px;
}
.white-space-20 {
  height: 20px;
}
.font_red {
  color: #F6455D;
}
.font_green {
  color: #2DBD85;
}
.ql-align-center {
  text-align: center;
}
.ql-align-right {
  text-align: right;
}